/** 单行文本溢出 */
@mixin overEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** 多行文本溢出，使用 @include multiOverEllipsis(2); // 超过2行省略 */
@mixin multiOverEllipsis($column) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $column;
  -webkit-box-orient: vertical;
}

/** 垂直居中 */
@mixin flex-cc {
  display: flex;
  justify-content: center;
  align-items: center;
}

/** 两端对齐 */
@mixin flex-ac {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/** 两端对齐 */
@mixin flex-bc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/** 距左对齐 */
@mixin flex-lc {
  display: flex;
  justify-content: left;
  align-items: center;
}

/** 距右对齐 */
@mixin flex-rc {
  display: flex;
  justify-content: right;
  align-items: center;
}
